<template>
  <div v-show="ShowOver">
    <el-dialog title="ʕ•ﻌ•ʔ" :visible.sync="dialogFormVisible" :close-on-click-modal="false" width="95%">
      <div class="blogTitle">{{HeaderContentTitle}}</div>
      <div class="blogTimes">{{HeaderContentTimes}}</div>
      <div>{{HeaderContents}}</div>
    </el-dialog>
  </div>
</template>

<script>
//博客内容详细显示组件
export default {
  name: "ShowContentModules",
  data(){
    return{
      ShowOver: false,
      dialogFormVisible: false,
      HeaderContentTitle: '',
      HeaderContentTimes: '',
      HeaderContents: '',
    }
  },
  methods:{
    showoverContent(data){
      if(data == 1){
        this.ShowOver = true;
        this.dialogFormVisible = true;
      }
      else{
        this.ShowOver = false;
        this.dialogFormVisible = false;
      }
    },
    //数据
    DataContent(data){
      this.axios.post(this.Global.BASE_URL+'/Content/PostUserContents',{use:data}).then((res)=>{
        if("2000" == res.data.msg){
          this.HeaderContentTitle = res.data.data.titles;
          this.HeaderContentTimes = res.data.data.times;
          this.HeaderContents = res.data.data.contents;
        }
        else this.$CustomMessage_ERROR('内容','内容异常！');
      }).catch(erroe=>{
        this.$CustomMessage_ERROR('内容','内容错误！');
      })
    }
  }
}
</script>

<style scoped>
.blogTitle{
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
  margin-top: -10px;
}
.blogTimes{
  border-bottom: 2px solid #ccc;
  text-align: right;
  margin-bottom: 15px;
}
</style>
